<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Evo Slider - Features</title>


<!--imports the main css file-->
<link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" />

<!--imports jquery-->
<script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script>
<!--imports twitter feed plugin-->
<script type="text/javascript" src="./js/jquery.tweet.js"></script>
<!--imports easing plugin-->
<script type="text/javascript" src="js/easing.js"></script>
<!--imports jQuery Tools plugin-->
<script type="text/javascript" src="./js/jquery.tools.min.js"></script>

<!--imports custom javascript code-->

<script type="text/javascript" src="./js/custom.js"></script>


<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

<meta charset="UTF-8"></head>

<body>
	
	<div id="wrapper">	
	    <div id="header_social">
	        <iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>

	        <a href="https://twitter.com/share" class="twitter-share-button" data-via="evoslider">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
	    </div>	
	    
		<div id="header">
			
			<div id="logo">
				<h1><a href="./index.html">Evo Slider</a></h1>
				<p class="main-subtitle">jquery slideshow &amp; content slider plugin</p>
			</div><!-- end logo -->
			
			<ul id="navigation">
				<li><a href="./index.html">Home</a></li>
				<li><a class="active" href="./features.html">Features</a></li>
				<li><a href="./download.html">Download</a></li>
				<li><a href="./demo.html">Demo</a>
					<ul>
					    <li><a href="./demo.html">Alternate Layout 1</a></li>
					    <li><a href="./demo2.html">Alternate Layout 2</a></li>
					    <li><a href="./demo3.html">Alternate Layout 3</a></li>
					    <li><a href="./demo4.html">Alternate Layout 4</a></li>
					    <li><a href="./demo5.html">Alternate Layout 5</a></li>
					    <li><a href="./demo6.html">Alternate Layout 6</a></li>
					    <li><a href="./demo7.html">Alternate Layout 7</a></li>			
					</ul>
				</li>
				<li><a href="support.html">Help/Support</a></li>
			</ul>
			<div class="clear"></div>
		</div><!-- end header -->
	
		<div id="page-title">
						
		</div><!-- end page-title -->
		
		<div id="portfolio-content">
		    <h2>Features</h2>
			<ul class="portfolio-thumbs">
		
			<!-- First Row -->
		
				<li class="one-third">
					<h3>Multiple Layout</h3>
					<p>Multiple layout slider in one plugin. Simply set your slider to display in accordion, fading, or scrolling mode.</p>
					
				</li>
				
				<li class="one-third">
					<h3>CSS Skinning</h3>
					<p>Build your own skin by simply editing the default skin through CSS, without coding any JavaScript code at all.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>Autoplay</h3>
					<p>Slider can be set to rotate automatically at a preset time. The play button can also be set to display.</p>
					
				</li>
				
				<!-- End First Row -->
				
				<!-- Second Row -->
				
				<li class="one-third">
					<h3>Touch Screen Support</h3>
					<p>Evo Slider includes touch interaction support. Work on smartphones and tablets like iPhone, iPad, 
					and Android phones</p>					
				</li>
				
				<li class="one-third">
					<h3>Directional Navigation</h3>
					<p>Use previous and next arrow controls navigation to navigate between slides. 
					It is also fully customizable through the plugin parameters and CSS file.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>Bullets Navigation</h3>
					<p>Use bullets control to navigate between slides. 
					It is also fully customizable through the plugin parameters and CSS file.</p>
					
				</li>
				
				<!-- End Second Row -->
				
				<!-- Third Row -->
				
				<li class="one-third">
					<h3>Thumbnails Carousel</h3>
					<p>You can display thumbnails carousel as a control navigation of the slider and scroll the carousel on mouse over. 
				    </p>
					
				</li>
				
				<li class="one-third">
					<h3>Rotator List</h3>
					<p>The rotator list allow for easy navigation of your slides. 
					It is also fully customizable through the plugin parameters and CSS file.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>Mouse Navigation</h3>
					<p>Mouse wheel navigation can be enabled to allow users to scroll through the slides using their mouse scroll wheel.</p>
					
				</li>
								
				<!-- End Third Row -->
				
				<!-- Fourth Row -->
				
				<li class="one-third">
					<h3>Keyboard Navigation</h3>
					<p>Use the keyboard arrow keys to navigate between slides.</p>
					
				</li>
				
				<li class="one-third">
					<h3>Toggle Icon</h3>
					<p>The toggle icon of the accordion slider can be customized to show image or index.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>HTML Content</h3>
					<p>Evo Slider supports both image and HTML content slider. You are not limited to using just images, 
					Evo Slider gives you the possibility to add HTML content inside the slide.</p>
					
				</li>
								
				<!-- End Fourth Row -->
				
				<!-- Fifth Row -->
				
				<li class="one-third">
					<h3>Images Content</h3>
					<p>Easily create amazing photo galleries. Images can be loaded sequentially or using the lazy load mode.</p>
					
				</li>
				
				<li class="one-third">
					<h3>Videos and Embed Content</h3>
					<p>Videos, images, music players and any sort of media can all be placed inside the slides of Evo Slider. 
					You can even add Flash content inside the slides.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>Easy Implementation</h3>
					<p>No special software or prior knowledge of JavaScript or jQuery required. Just copy and paste the code 
					and set your parameters.</p>
					
				</li>
								
				<!-- End Fifth Row -->
				
				<!-- Sixth Row -->
				
				<li class="one-third">
					<h3>Inner Text</h3>
					<p>Display inner text description in overlay, partial left, and partial right style.</p>					
				</li>
				
				<li class="one-third">
					<h3>Outer Text</h3>
					<p>Text can be set to display outside of the slides. Enable to place the text on the left or right.</p>
					
				</li>
				
				<li class="one-third last">
					<h3>Smart Content Preloading</h3>
					<p>Loads the next image sequentially to minimize loading time. Lazy load mode can also be enabled.</p>
					
				</li>
								
				<!-- End Sixth Row -->
				
				<!-- Seventh Row -->
				
				<li class="one-third">
					<h3>Callback API</h3>
					<p>Run functions before and after animating between slides on your Evo Slider. 
					Run your own custom reactions before moving to a specific slide. </p>					
				</li>
				
				<li class="one-third">
					<h3>Public API</h3>
					<p>Controlling your Evo Slider from outside with its API. A fully documented API gives you control 
					of almost every aspect of the plugin. </p>					
				</li>
				
				<li class="one-third last">
					<h3>Works with Cufon and @font-face</h3>
					<p>Works with Cufon and @font-face fonts, making it possible to use custom fonts easily in your theme.</p>
					
				</li>
								
				<!-- End Seventh Row -->
				
				<!-- Eight Row -->
				
				<li class="one-third">
					<h3>Multiple Sliders</h3>
					<p>You can setup multiple sliders on a single web page and skin each one differently.</p>					
				</li>
				
				<li class="one-third">
					<h3>Unbranded</h3>
					<p>The Lite and Pro version is completely unbranded, unlike the other sliders, 
					which contains a link to their website.</p>					
				</li>
				
				<li class="one-third last">
					<h3>Cross-browser Support</h3>
					<p>Displays consistently across all major browsers including Internet Explorer.</p>
					
				</li>
								
				<!-- End Eight Row -->
				
				<!-- Ninth Row -->
				
				<li class="one-third">
					<h3>External Linking</h3>
					<p>Evo Slider can be controlled from an HTML link anywhere in your document, 
					enabling you to link directly to a slide.</p>					
				</li>
				
				<li class="one-third">
					<h3>Permalinks</h3>
					<p>Each slide can have its own permalink, enabling the slide to be bookmarked or linked to directly, 
					as well as working with the browser&#39;s history.</p>					
				</li>
				
				<li class="one-third last">
			        <h3>Search Engine Ready</h3>	
			        <p>All content is easily accessible to search engine.</p>	
				</li>
								
				<!-- End ninth Row -->
				
			</ul><!-- end portfolio-thumbs -->
			
			<div class="clear"></div>
									
		</div><!-- end portfolio-content -->
		
		<div class="separator-line"></div>
		
		<div class="tagline">
			<div class="tagline-text">
				<p>Evo Slider is a jQuery slider with slideshow, multiple layout, CSS skinning and much more features. 
				<br />
				Saves development time - Powerful features - Simple implementation - Fully customizable</p>
			</div><!-- end tagline-text -->
			
			<div class="tagline-btn">
				<a href="./download.html"><span class="main">Download</span><span class="arrow-btn"></span></a>
			</div><!-- end tagline-btn -->
			<div class="clear"></div>
		</div><!-- end tagline -->
		
		<div class="separator-line"></div>
		
	</div><!-- end wrapper -->	
	
	<div id="footer-bottom">
		<div id="footer-bottom-content">
		    
			<div id="copyright">
				<ul id="footer-nav">
				    <li><a href="./index.html">Home</a></li>
				    <li><a href="./features.html">Features</a></li>
				    <li><a href="./download.html">Download</a></li>
				    <li><a href="./demo.html">Demo</a></li>
				    <li><a href="support.html">Help/Support</a></li>
			    </ul>
			    <br />	
				<p>Copyright &copy; 2012 Evo Slider. All rights reserved</p>
			</div><!-- end copyright -->	
		
			<ul class="social-links">
			    <li class="facebook" title="Facebook"><a target="_blank" href="http://www.facebook.com/evoslider"><img src="img/social/facebook.png" alt="facebook" /></span></a></li>
			    <li class="twitter" title="Twitter"><a target="_blank" href="https://twitter.com/evoslider"><img src="./img/social/twitter.png" /></span></a></li>
				<li class="rss" title="RSS Feed"><a target="_blank" href="http://feeds.feedburner.com/EvoSlider"><img src="./img/social/rss.png" /></a></li>
			</ul><!-- end social-links -->
			<div class="clear"></div>
		</div><!-- end footer-bottom-content -->
	</div><!-- end footer-bottom -->
	
</body>

</html>